
html,body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}
p {
  margin:0;
  padding:0;
}
.notepad-dlgbox {
border: 1px solid #0f7fd6;
  box-shadow: 10px 10px 10px #d6d6d6;
  box-sizing: border-box;
  cursor: default;
  margin: 0 auto;
  position: relative;
  top: 100px;
  width:400px;
  user-select: none;
}
.notepad-dlg-titlebar {
  background-color:white;
  height:30px;
  font-size:1em
}
.notepad-dlg-titlebar .title {
  line-height:30px;
  position:absolute;
  left:10px;
  color:gray;
}
.notepad-dlg-titlebar .close {
  width:20px;
  height:20px;
  position:absolute;
  top:0px;
  right:0px;
  line-height:20px;
  text-align:center;
}
.notepad-dlg-titlebar .close:hover{
  background-color:red;
  color:white;
}
.notepad-dlg-main {
  background-color:#f0f0f0;
  box-sizing: border-box;
  font-size: 1em;
  padding: 12px;
  position: relative;
}
.notepad-dlg-main .txt-content {
  height:17px;
}
.notepad-dlg-main .btn-search {
  width:90px;
  height:25px;
  position:absolute;
  right:9px;
  top:13px;
}
.notepad-dlg-main .btn-cancel {
  width:90px;
  height:25px;
  position:absolute;
  right:9px;
  top:45px;
}
.notepad-dlg-main .search-direction {
  width:200px;
  height:60px;
  border:1px solid #dcdcdc;
  box-sizing:border-box;
  margin-left:140px;
  margin-top:10px;
}
.notepad-dlg-main input[value = "UpperCase"] {
  margin-top:30px;
}
